html, body {
  height:100%;
}

body * {
  opacity:0.7;
}

html {
  cursor:pointer;
  cursor:hand;
  user-select:none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  font-family:sans-serif;
  font-weight:lighter;
  font-size:85%;
  color:#CCF;
  overflow:hidden;
}

div {
  z-index:1;
  padding:1ex;
  position:absolute;
  width:100%;
  margin-left:auto;
  margin-right:auto;
}

div#copy {
  bottom:0;
  text-align:center;
  font-size:80%;
}

div#info {
  top:0;
  text-align:center;
  letter-spacing:2px;
  padding-top:.5ex;
}

form {
  z-index:2;
  padding:1ex;
  font-size:80%;
  position:absolute;
  bottom:0;
}

form#resolution {
  left:0;
}

input {
  font-weight:normal;
  position:relative;
  display:inline-block;
  background:#000;
  width:3em;
  border:1px solid #CCF;
  color:#CCF;
}

form#drops {
  right:0;
  text-align:right;
}

input#drop_range {
  width:10em;
}

canvas {
  z-index:0;
  opacity:1;
}
